Apply BitMediaQuery improvements (#13102) - #13113

Walkthrough

BitMediaQuery now supports direct content rendering, default match state, match-state access, expanded screen-query ranges, improved JavaScript listener lifecycle handling, and broader media-query examples and tests.

Changes

MediaQuery improvements

Estimated code review effort: 4 (Complex) | ~45 minutes

Merge Risk: 🔵 Low · up to 2c551

The updated BitMediaQuery behavior can select the wrong themed breakpoint when NoWrapper content has a matching id, and a delayed media-query notification may update state or call OnChange after the listener is replaced or disposed. The PR is mergeable with explicit owner awareness and follow-up for these bounded lifecycle and breakpoint-resolution risks.

Sequence Diagram(s)

sequenceDiagram
  participant BitMediaQuery
  participant MediaQuerySetup
  participant BrowserMatchMedia
  participant OnChangeCallback
  BitMediaQuery->>MediaQuerySetup: Set up query listener
  MediaQuerySetup->>BrowserMatchMedia: Evaluate media query
  BrowserMatchMedia-->>MediaQuerySetup: Return match result
  MediaQuerySetup->>BitMediaQuery: Notify match result
  BitMediaQuery->>OnChangeCallback: Invoke callback

Suggested reviewers: yasmoradi, cyrus-sushiant, mhrastegari

Poem

A rabbit checks the screen with care
New breakpoints hop through the air
No wrapper holds the view
Match states tell what’s true
Tests guard every query there

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

_{Comment @coderabbitai help to get the list of available commands.}